<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link href="../../../css/mui.min.css" rel="stylesheet"/>
    <!--全局css-->
    <link href="../../../css/g.css" rel="stylesheet">
    <!--每个文件对应一个css-->
    <link href="setting.css" rel="stylesheet">
    <script>
        //每个页面必须添加 ，css单位使用rem
        document.documentElement.style.fontSize = window.innerWidth / 7.5 + 'px';
    </script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <button class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left mui-action-back">
        <span class="mui-icon mui-icon-left-nav"></span>
        设置
    </button>
</header>
<div class="mui-content">
    <div class="mui-scroll-wrapper a-top44" id="view">
        <div class="mui-scroll">
            <ul class="myList mui-table-view">
                <li class="listlist mui-table-view-cell">
                    <span class="mine">账号安全</span>
                </li>
                <li class="listlist mui-table-view-cell">
                    <span class="mine">新消息提醒</span>
                </li>
                <li class="listlist sHeight mui-table-view-cell nope">
                    <span class="mine">勿扰模式</span>
                    <span class="tip">开启期间不接收私聊</span>
                    <div class="mui-switch mui-switch-blues mui-switch-mini">
                        <div class="mui-switch-handle"></div>
                    </div>
                </li>
                <li class="listlist mui-table-view-cell" id="aboutUs">
                    <span class="mine">关于我们</span>
                </li>
                <li class="listlist mui-table-view-cell" id="login">
                    <span class="mine center">登录</span>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--有用到再引用-->
<!--接口-->
<script src="../../../js/mui.min.js"></script>
<script src="../../../js/base.js"></script>
<!--模板-->
<script src="../../../js/laytpl.js"></script>
<!--常用方法 dom操作用原生或mui-->
<script src="../../../js/mq.js"></script>
<script src="setting.js"></script>
<script>
    mui.init({
        preloadPages: [
            {
                url: "../aboutUS/aboutUS.html", //关于我们
                id: "aboutUS"
            }
        ]
    });
    $$.initScroll();
    //关于我们
    app.jump();
    mui.plusReady(function(){
        //登录页面跳转
        app.loginEvent();
    })
</script>
</body>
</html>